<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录页面</title>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css"/>
		<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/change.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
	</head>
	<body>
		
		
		
		
		
		
		<div class="c-header">
			<div class="c-header-inner">
				<a href="#"><div class="c-logo"></div></a>
				<div class="c-service"></div>
			</div>
		</div>
		<div class="c-body">
			<div class="c-content">
				<div class="c-login-panel">
					<div class="scan_code">
						<div class="c-tab">
							<div class="c-tab-item1"><a href="#" class="scan_code_login">扫码登录</a></div><span class="c-tab-item_line1"></span>
							<div class="c-tab-item2"><a href="#" class="user_name_login">账户登录</a></div>
						</div>
						<div class="scan_code_img">
							<div class="scan_code_img_box">
								<img src="images/wechat.png" />
							</div>
						</div>
						<div class="scan_code_text">
							<span class="c-icon-scan"></span>打开
							<span class="scan_code_text_highlight">唯品会APP-个人中心</span>，扫一扫登录
						</div>
					</div>
					<div class="c-login-panel-body">
						<div class="c-tab">
							<div class="c-tab-item1"><a href="#" class="scan_code_login">扫码登录</a></div><span class="c-tab-item_line1"></span>
							<div class="c-tab-item2"><a href="#" class="user_name_login">账户登录</a></div>
						</div>
						<div class="c-login-form">
							<div class="form">
								<form action="#" method="post">
									<div class="login_name">
										<label for="username"></label>
											<span class="icon_name"></span>
											<input type="text" placeholder="手机号/用户名/邮箱" id="username" class="name" />
									</div>
									<div class="login_pwd">
										<label for="pwd"></label>
											<span class="icon_pwd"></span>
											<input type="password" placeholder="密码" id="pwd" class="name" />
									</div>
									<div class="other_item">
										<div class="agree"></div>
										<div class="agree2"></div>
										<div class="agree3"></div>
										<div class="other_left">
											<span >记住密码</span>
										</div>
										
										<a href="#"><span class="other_right">忘记密码</span></a>
									</div>
									<input type="submit"  class="submit" value="登录"/>
								</form>
							</div>
						</div>
						
					</div>
					<div class="c-login-panel-footer">
						<div class="login_footer_mid">
							<div class="we_chat_box1">
								<div class="we_chat_box2">
									<span class="we_chat_line_left"></span>
									<div class="we_chat_box3">
										<div class="we_chat_box4">
											<a href="#"><span class="we_chat_img"></span></a>
										</div>
									</div>
									<span class="we_chat_line_right"></span>
								</div>
								<div class="content">
								<div class="footer">
										
									<ul class="footer_ul">
										<li class="footer_ul_li1">
											<a  href="javascript:;" style="color: #999999;" title="新浪微博登录方式正在升级，暂不可用，请选择其他方式登录">新浪微博</a>
										</li>
										<li class="footer_ul_li2">
											<a  href="javascript:;" >QQ</a>
										</li>
										<li class="footer_ul_li3">
											<a  href="javascript:;"  >支付宝</a>
										</li>
									</ul>
								<div class="footer_regist"><a href="register.html">免费注册</a></div>
									   <label for="button"><input type="button" id="button" class="button" value="更多"   /><span class=" fa fa-angle-down"></span></label> 
									    <div class="test">
											<div class="div1">
												<ul>
													<a href="#"><li style="margin-left: 30px;">网易</li></a><span class="c-tab-item_line"></span>
													<a href="#"><li>人人网</li></a><span class="c-tab-item_line"></span>
													<a href="#"><li>建行登录</li></a><span class="c-tab-item_line"></span>
													<a href="#"><li>开心网</li></a><span class="c-tab-item_line"></span>
													<a href="#"><li>中国移动</li></a>
													<a href="#"><li style="margin-left: 20px; line-height: 32px;">翼支付</li></a>
												</ul>
											</div>
											
										</div>
									</div>   
								
									
									
									
									
									
								</div>
							</div>
							
						</div>
						
					</div>
				</div>
			</div>
		</div>
		<div class="c-footer">
			<p class="c-copyright">Copyright 2008-2019 vip.com，All Rights Reserved ICP证：粤 B2-20080329</p>
		</div>
	</body>
</html>
